import React from 'react';
import Translator from './components/Translator';
import './styles.css';

const App: React.FC = () => {
  return (
    <div className="app">
      <header className="app-header">
        <h1>女朋友说话翻译器</h1>
      </header>
      <main>
        <Translator />
      </main>
      <footer className="app-footer">
        <p>温馨提示：本工具仅供娱乐，真诚沟通才是恋爱之道 ❤️</p>
      </footer>
    </div>
  );
};

export default App;